/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./src/**/*.{html,js}"],
	theme: {
		fontFamily: {
			sans: ['Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'sans-serif'],
			serif: ['Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'sans-serif'],
		},
		extend: {
			keyframes: {
				bubble: {
					'0%': { transform: 'translate(0, 0)' },
					'10%': { transform: 'translate(-20rem, -20rem)' },
					'20%': { transform: 'translate(30rem, -40rem)' },
					'30%': { transform: 'translate(-40rem, 20rem)' },
					'40%': { transform: 'translate(40rem, 40rem)' },
					'50%': { transform: 'translate(-20rem, 60rem)' },
					'60%': { transform: 'translate(20rem, -60rem)' },
					'70%': { transform: 'translate(-30rem, 40rem)' },
					'80%': { transform: 'translate(50rem, -20rem)' },
					'90%': { transform: 'translate(-50rem, 30rem)' },
					'100%': { transform: 'translate(0, 0)' },
				}
			},
			animation: {
				// bubble: 'bubble 30s ease-in-out infinite',
			}
		},
	},
	plugins: [],
}

